<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>德蒙斯特管理页面</title>

    <!-- Bootstrap Core CSS -->
    <link th:href="@{https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css}"
          href="/static/vendor/bootstrap/css/bootstrap.css" rel="stylesheet">


    <!-- MetisMenu CSS -->
    <link href="/vendor/metisMenu/metisMenu.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link th:href="@{/dist/css/sb-admin-2.min.css}" href="/static/dist/css/sb-admin-2.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">


    <!-- bootstrap-table -->
    <link th:href="@{/vendor/bootstrap-table/bootstrap-table.min.css}"
          href="/static/vendor/bootstrap-table/bootstrap-table.css" rel="stylesheet" type="text/css">

    <link th:href="@{/vendor/bootstrap3-editable/css/bootstrap-editable.css}"
          href="/static/vendor/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet" type="text/css">

    <!-- bootstrap-fileUpload -->
    <link th:href="@{/vendor/bootstrap-fileUpload/css/fileinput.min.css}"
          href="/static/vendor/bootstrap-fileUpload/css/fileinput.css" rel="stylesheet" type="text/css">


</head>

<body>

<div id="wrapper">

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/">收银</a>
        </div>
        <!-- /.navbar-header -->

        <ul th:include="headMacro::index_top" class="nav navbar-top-links navbar-right"></ul>

        <!-- /.navbar-top-links -->

        <div th:include="headMacro::index_side" class="navbar-default sidebar" role="navigation"></div>
    </nav>

    <div id="page-wrapper">
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">商品-厂家管理页面</h1>
            </div>
            <!-- /.col-lg-12 -->
        </div>
        <!-- /.row -->
        <div class="row">
            <div class="col-lg-12">


                <p>lightblue 编码 sku 01 6 17 4 01 121 && 400 01 01 </p>
                <p>类别： 01，童装 。02，女装。 03，布偶 等等 </p>
                <p>6 性别 ：6男，9 女</p>
                <p> 17 年份 17年的款</p>
                <p>4 季节 1234 春夏秋冬</p>
                <p> 01 品类 单衫 裤子等等</p>
                <p> 121 款式流水号 400颜色号 01尺码号</p>


                <div class="panel panel-default">

                    <div class="panel-heading">
                        <h3 class="panel-title">商品管理</h3>
                    </div>
                    <!-- /.panel-heading -->
                    <div class="panel-body">
                        <div class="row">
                            <!--<div class="col-md-2">-->
                            <!--<input type="button" class="btn btn-default" value="上传文件" data-toggle="modal" href="#modal-importProduct" >-->
                            <!--</div>-->


                        </div>


                        <div id="toolbar" class="btn-group">
                            <a id="btn_add" data-toggle="modal" href="#newProductVendorModal" class="btn btn-default">
                                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
                            </a>
                        </div>

                        <table id="vendorProductTable">

                        </table>
                    </div>
                    <!-- /.panel-body -->
                </div>
                <!-- /.panel -->
            </div>
            <!-- /.col-lg-12 -->
        </div>

        <!-- /.row -->
    </div>
    <!-- /#page-wrapper -->

    <div class="modal fade" id="imageDetailModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">商品图片管理</h4>
                </div>
                <div class="modal-body">
                    <span class="label label-default">上传主图</span>
                    <input type="file" data-show-preview="false" multiple id="uploadMainImage">
                    <span class="label label-info">上传详情图</span>
                    <input type="file" data-show-preview="false" multiple id="uploadDescImage">
                    <div id="image-list"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->


    <div class="modal fade" id="newProductVendorModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">添加新的商品信息</h4>
                </div>
                <div class="modal-body">

                    <div class="row">
                        <div class="col-sm-6 col-sm-offset-3">
                            <input type="text" class="form-control" id="productId" placeholder="LB货号">
                            <input type="text" class="form-control" id="vendorProductId" placeholder="原货号">
                            <input type="text" class="form-control" id="vendorId" placeholder="供应商id">
                            <input type="text" class="form-control" id="vendorName" placeholder="供应商名称">
                            <input type="text" class="form-control" id="vendorAddr" placeholder="供应商地址">

                            <input type="button" value="确认" id="submitVendorProduct" class="btn btn-default">
                        </div>
                    </div>


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->


</div>
<!-- /#wrapper -->

<!-- jQuery -->
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!-- Metis Menu Plugin JavaScript -->
<script src="/vendor/metisMenu/metisMenu.min.js"></script>


<!-- Custom Theme JavaScript -->
<script src="/dist/js/sb-admin-2.js"></script>

<script th:src="@{https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.js}"
        src="/static/vendor/bootstrap-table/bootstrap-table.js"></script>
<!--<script th:src="@{/vendor/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}" src="/static/vendor/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>-->

<script th:src="@{/vendor/bootstrap-table/extensions/editable/bootstrap-table-editable.min.js}"
        src="/static/vendor/bootstrap-table/extensions/editable/bootstrap-table-editable.js"></script>

<script th:src="@{/vendor/bootstrap3-editable/js/bootstrap-editable.min.js}"
        src="/static/vendor/bootstrap3-editable/js/bootstrap-editable.js"></script>

<script th:src="@{/vendor/bootstrap-fileUpload/js/fileinput.min.js}"
        src="/static/vendor/bootstrap-fileUpload/js/fileinput.js"></script>
<script th:src="@{/vendor/bootstrap-fileUpload/js/locales/zh.js}"
        src="/static/vendor/bootstrap-fileUpload/js/locales/zh.js"></script>


<script th:src="@{/js/vendor.js}" src="/static/js/vendor.js"></script>


<!-- Page-Level Demo Scripts - Tables - Use for reference -->

</body>

</html>
